@import "../wxss/worker.scss";
.container{
    // padding-bottom: 20rpx;
    display: flex;
    background: #FAFAFC;
    flex-direction: column;
    height: 100vh;
}
.head {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 20rpx 20rpx;
    background: #ffffff;
}

.worker-tx,
.worker-name,
.worker-sex {
	vertical-align: middle;
}
.head-top{
	display: flex;
	align-items: center;
}
.worker-tx {
	width: 130rpx;
	height: 130rpx;
	border-radius: 130rpx;
}

.worker-name {
	font-size: 46rpx;
	margin: 0 20rpx;
}
.info-box{
    padding: 0 30rpx;
    background: #ffffff;
    margin-bottom: 20rpx;
    .title{
        font-size: 32rpx;
        color: #151718;
    }
    
    .row-active{
        border-bottom: 1rpx solid rgba(148, 151, 177, 0.1);
        .name-tips{
            flex: none;
            
        }
    }
    .color-green{
        color: #00D679;
        font-size: 28rpx;
    }
    .name-ash{
        color: #565868;
        font-size: $font-small;
    }
    
}
.list-box{
    background: #ffffff;
    padding-top: 1rpx;
    flex: 1;
}
.real-worker-name{
    font-size: 30rpx;
    color: #565868;
}
.info-img-active{
    opacity: 0;
}
.info-img{
    width: 36rpx;
    height: 36rpx;
    margin-left: 16rpx;
}
.worker-sex {
	width: 36rpx;
	height: 36rpx;
}

.worker-contact:not([size=mini]) {
	width: 170rpx;
	height: 60rpx;
	background: #FF7E68;
	border-radius: 36rpx;
	font-size: 24rpx;
	color: white;
	padding: 0;
	display: flex;
	justify-content: left;
	padding-left: 18rpx;
	align-items: center;
	font-weight: 400;
	margin: 0;
}
.worker-card-photo-image{
	width: 89rpx !important;
	height: 56rpx !important;
	margin: 10rpx;
}


.worker-contact-icon {
	width: 42rpx;
	height: 42rpx;
	margin-right: 2rpx;
}

.msg-card {
	width: 690rpx;
	background: #FAFAFC;
	border-radius: 8rpx;
	margin: 20rpx auto ;
	box-sizing: border-box;
	padding: 30rpx;

}
.work-card-status.red{
	color: #FF7E68;
}
.work-card-title{
	/* width: 520rpx; */
	flex-shrink: 1;
}
.work-card-price.nodata{
	font-size: 24rpx;
	color: #9497B1;
}

.card-point {
	display: inline-block;
	width: 8rpx;
	height: 8rpx;
	border: 6rpx solid #00D679;
	border-radius: 16rpx;
	vertical-align: middle;
	margin-right: 10rpx;
}

.card-title {
	color: #202536;
	font-size: 32rpx;
}

.msg-card-row {
	display: flex;
	justify-content: space-between;
	padding-left: 32rpx;
	line-height: 26rpx;
}

.msg-card .key {
	display: inline-block;
	width: 100rpx;
	text-align: justify;
	text-align-last: justify;
}

.msg-card .val {
	color: #9497B1;
}
.seecard{
	display: flex;
    align-items: flex-end;
}
.msg-card-icon{
    width: 36rpx;
    height: 36rpx;
    display: inline-block;
}
.title {
	width: 690rpx;
	margin: 30rpx auto;
	font-size: 32rpx;
}

.title .triangle {
	float: right;
	margin-top: 14rpx;
}

.open-card-photo{
	float: right;
    font-size: 24rpx;
	line-height: 44rpx;
	color: #9497B1;
}
.open-card-photo-text{
	margin-right: 10rpx;
}
.work-card{
    background: #ffffff;
    padding: 0;
    border-radius: 1rpx solid #FAFAFC;
}
.popup-box{
    @include padding-box(0 30rpx);
    width: 100%;
}
.popup-input-block{
    display: flex;
    align-items: center;
    background: #FAFAFC;
    border-radius: 8px;
    @include padding-box(30rpx 22rpx);
    margin-top: 30rpx;
    .popup-name{
        color: #202536;
        font-size: 32rpx;
    }
    .popup-input{
        font-size: 32rpx;
        flex: 1;
    }
}
.popup-btn-box{
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 60rpx;
}
.flex-none{
    flex: none;
}